<template>
	<div id="box">
		<header>
		<ul>
			<li @click="fanhui"><img src="../assets/img/fanhui3.png">返回</li>
			<li>奖品详情</li>
			<li>刷新</li>
		</ul>	
	</header>
	<section>
	   <div class="top">
	   	   <ul>
            <li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
			<li>奖品详情</li>
			<li @click="xian"><img src="../assets/img/gengduo.png"></li>
		</ul>
		<div class="chu">
              <ol>
                <router-link to="/shouye">
                <li><img src="../assets/img/chu1.png">返回首页</li>
                </router-link>
                <router-link to="/dengluzhanghao">
                <li><img src="../assets/img/chu2.png">用户中心</li>
              </router-link>
              <router-link to="/yigoujilu">
                <li><img src="../assets/img/chu3.png">一购记录</li>
              </router-link>
              </ol>
            </div>  	
	   </div>
	   <div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="../assets/img/luobo.png"></div>
			    <div class="swiper-slide"><img src="../assets/img/luobo.png"></div>
			    <div class="swiper-slide"><img src="../assets/img/luobo.png"></div>
			  </div>
		</div>
		<div class="nav">
			<span class="one">已揭晓</span> 加多宝 凉茶 310mlx12罐 整箱装 <span class="two"> 怕上火！ 喝金罐加多宝！</span>
		</div>
		<div class="beijing">
			<dl>
				<dt><img src="../assets/img/touxiang.png"></dt>
				<dd>
					<p>获奖者：<b>远古小调</b><span>123.232.23.44(山东省济南市)</span></p>
					<p>用户ID：132932(唯一不变标识)</p>
					<p>期  号：100066627</p>
					<p>本期参与：<b>3</b>人次</p>
					<p>揭晓时间：2017-05-17 20:02:02</p>
				</dd>
			</dl>
			<ul>
				<li>幸运号码：100001</li>
				<li><button>计算详情</button></li>
			</ul>
		</div>
		
		<div class="tu">
			<ul>
				<li><p>图文详情</p><p>建议在wifi下查看<img src="../assets/img/gengduo2.png"></p></li>
				<li><p>往期揭晓</p><p><img src="../assets/img/gengduo2.png"></p></li>
			</ul>
		</div>
		<div class="suoyou">
			<ul>
				<li>所有参与记录</li>
				<li>（2017-05-17 08:23:27开始）</li>
			</ul>
		</div>
		<div class="renyuan">
			<div class="xian"></div>
			<div class="dingwei">
				<div class="one">
					2017-05-17 08:23:35
				</div>
				<div class="two">
				 <dl>
						<dd><img src="../assets/img/touxiang.png"></dd>
						<dt>
							<p>神魂月英</p>
							<p>(中国 ip:139.***.117)</p>
						    <P>参与了<span>2</span>人 2017-05-1 19:27:42</P>
						</dt>
					</dl>
				</div>
				<div class="two">
				 <dl>
						<dd><img src="../assets/img/touxiang.png"></dd>
						<dt>
							<p>神魂月英</p>
							<p>(中国 ip:139.***.117)</p>
						    <P>参与了<span>2</span>人 2017-05-1 19:27:42</P>
						</dt>
					</dl>
				</div>
				<div class="two">
				 <dl>
						<dd><img src="../assets/img/touxiang.png"></dd>
						<dt>
							<p>神魂月英</p>
							<p>(中国 ip:139.***.117)</p>
						    <P>参与了<span>2</span>人 2017-05-1 19:27:42</P>
						</dt>
					</dl>
				</div>
				<div class="two">
				 <dl>
						<dd><img src="../assets/img/touxiang.png"></dd>
						<dt>
							<p>神魂月英</p>
							<p>(中国 ip:139.***.117)</p>
						    <P>参与了<span>2</span>人 2017-05-1 19:27:42</P>
						</dt>
					</dl>
				</div>
				<div class="two">
				 <dl>
						<dd><img src="../assets/img/touxiang.png"></dd>
						<dt>
							<p>神魂月英</p>
							<p>(中国 ip:139.***.117)</p>
						    <P>参与了<span>2</span>人 2017-05-1 19:27:42</P>
						</dt>
					</dl>
				</div>
				<div class="two">
				 <dl>
						<dd><img src="../assets/img/touxiang.png"></dd>
						<dt>
							<p>神魂月英</p>
							<p>(中国 ip:139.***.117)</p>
						    <P>参与了<span>2</span>人 2017-05-1 19:27:42</P>
						</dt>
					</dl>
				</div>
			</div>
		</div>
	</section>
	<footer>
		<ul>
			<a><li>新一期正在火热进行....</li></a>
			<router-link to="jiangpinxiangqinger">
			<li><button>立即前往</button></li>
		     </router-link>
		</ul>
	</footer>
	</div>
</template>

<script>
 
export default {
  name: 'box',
 methods:{
      fanhui(){
      	this.$router.go(-1);
      },
      xian(){
    if($(".chu").css('display')=='none'){
      $('.chu').show()
    }else{
      $(".chu").hide()
    }
    
  }
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
 @import ".././assets/less/jiangpinxiangqing.less";
   @import ".././assets/css/reset.css";
</style>